<template>
  <div>
    <!-- 组件模板内容 -->
  </div>
</template>

<script>
export default {
  name: 'ExampleComponent',
  data() {
    return {
      socket: null
    };
  },
  mounted() {
    // 建立 WSS 连接 - 使用环境变量中的WebSocket URL
    this.socket = new WebSocket(`${process.env.VUE_APP_WS_URL}/ws`);

    // 监听连接成功事件
    this.socket.onopen = () => {
      console.log('WSS 连接已建立');
    };

    // 监听消息事件
    this.socket.onmessage = (event) => {
      console.log('收到消息:', event.data);
    };

    // 监听连接关闭事件
    this.socket.onclose = () => {
      console.log('WSS 连接已关闭');
    };

    // 监听错误事件
    this.socket.onerror = (error) => {
      console.error('WSS 连接出错:', error);
    };
  },
  beforeDestroy() {
    // 组件销毁前关闭连接
    if (this.socket) {
      this.socket.close();
    }
  }
};
</script>

<style scoped>
/* 组件样式 */
</style>